.dashboard
  width 100%
  min-height 100%
  &__header
    &__title
      width auto
      &__text
        margin 0
  &__workspace
    display flex
    justify-content space-around
    &__content
      width 70%
      & .activityList
        max-width 100%
    &__detail
      background offWhite
      padding standardSpacing
      margin-bottom standardSpacing
      border-radius standardBorderRadius
      &__buttons
        text-align end
        margin-top standardSpacing
        font-size metadataFontSize
      &__description
        overflow hidden
        text-overflow ellipsis
        & *
          unicode-bidi plaintext
        &__missing
          color darkGrey1
          font-style italic
    &__rightMenu
      width 30%
      background-color offWhite
      border-radius standardBorderRadius
      padding standardSpacing
      margin-inline-start standardSpacing
      &__contents
        display flex
        flex-direction column
      & .iconbutton
        margin-top standardSpacing
        width 100%
        text-align start
        margin-inline-start auto
        margin-inline-end auto
        max-width 100%
        text-overflow ellipsis
        overflow hidden
  &__workspaceInfo
    display flex
    flex-wrap wrap
    padding 30px
    min-height 100%
    justify-content space-around
    .subTitle
      text-align center

  &__section
    padding standardSpacing 0 0

.workspaceRecentActivities__header
  font-size titleFontSize
  font-weight bold
  margin-top standardSpacing

.spacePage__loader
  width 100%

@media (min-width: min-lg) and (max-width: max-lg)
  .dashboard__workspace__rightMenu
    width 25%

@media (max-width: max-md)
  .dashboard__section
    padding 0px
    margin-top standardSpacing
    overflow-wrap anywhere

@media (max-width: max-sm)
  .dashboard
    & .pageContentGeneric
      padding standardSpacing
    &__workspace
      flex-direction column
      &__subtitle
        font-size unset
      &__content
        width 100%
        & .activityList
          width 100%
        & .workspaceRecentActivities__header
          font-size unset
          margin-top 0px
          margin-inline-end auto
          margin-bottom standardSpacing
          margin-inline-start standardSpacing
      &__rightMenu
        width 100%
        margin 0

@media (max-width: max-xs)
  .dashboard
    .memberlist
      margin standardSpacing 0
      &__list__item__delete
        display none
      &__btnadd
        display none
    &__workspace__rightMenu__contents
      flex-flow row wrap
      & .iconbutton
        width auto
        margin-inline-end standardSpacing
        margin-inline-start 0
        &__icon
          margin 0
        &__text_with_icon
          display none
